<template>
  <!-- <div id="app"> -->

    <router-view/>
  <!-- </div> -->
</template>

<script>
  export default {
    name: 'App'
  }

</script>

<style>
  /* #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  } */
  body{
    font-size: 1rem!important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: .85rem;
    line-height: 1.5;
    color: #3d4145;
    background: #eee;
    overflow: hidden;
  }
  *{
    box-sizing: border-box;  
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  html {
    font-size: 20px; 
  }

  @media only screen and (min-width: 400px) {
    html {
      font-size: 21.33px !important
    }
  }

  @media only screen and (min-width: 414px) {
    html {
      font-size: 22.08px !important
    }
  }

  @media only screen and (min-width: 480px) {
    html {
      font-size: 25.6px !important
    }
  }
  html {
      font-size: 16px!important;
  }
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

  html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
  }

  body {
    margin: 0
  }

  .ns-tabs .mint-navbar .mint-tab-item .mint-tab-item-label {
    font-size: 15px;
    line-height: 1;
  }
  .ns-star img {
    width: 16px;
    height: 16px;
    margin-right: 3px
  }
  .ns-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
</style>
